* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url(../image/login/bg03.jpg);
	height: auto;
	/*transform: scale(1);*/
	transform-origin: center top 0px;
}

a {
	text-decoration: none;
}


.main {
	/*width: 100%;*/
	background-image: url(../image/login/huabian.png);
	height: auto;
	background-size: 100% 100%;
	margin: auto;
	margin-top: 10%; //
	background-repeat: no-repeat;
	/*background-position: 5% 5%;*/
	background-size: 73% 100%;
	background-position: 50% 40%;
}

input {
	width: 45%;
	height: 3em;
	background-color: rgba(224, 227, 232, 0.11);
	margin-left: 23%;
	border-radius: 5px;
	/*margin: auto;*/
	opacity: 1;
	outline-style: none;
	border: 1px solid rgba(239, 239, 239, 0.15);
	font-size: 1em;
	color: #bdc0b8;
	font-family: "微软雅黑";
	padding-left: 40px;
	margin-top: 4%;
}

input:focus {
	background-color: rgba(196, 199, 204, 0.40);
	/*border: 1px solid #7FCAF1;*/
	box-shadow: 0px 0px 5px rgba(241, 237, 239, 0.35);
	opacity: 1;
}

#submit {
	width: 51.2%;
	height: 3em;
	font-size: 1em;
	background-color: rgba(0, 133, 159, 0.96);
	font-weight: bolder;
	font-family: "微软雅黑";
	opacity: 1;
	margin-left: 22.9%;
}

#submit:active {
	background-color: rgba(0, 113, 136, 0.96);
	top: 5px;
	box-shadow: 0px 0px 5px rgba(241, 237, 239, 0.35);
}

.main .center {
	width: 35%;
	height: 28em;
	padding: 5.5% 0% 0% 0%;
	background-image: url(../image/login/center.png);
	background-size: 170% 150%;
	background-position: 53% 49%;
	opacity: 1;
	margin: auto;
	font-size: 14px;
	color: #cccccc;
}

#user_pass {
	display: block;
	position: absolute;
	width: 17%;
	height: auto;
	/*background-color: red;*/
	margin-left: -2%;
	/*margin-top: -2.3%;*/
}

#pwd_pass {
	display: block;
	position: absolute;
	width: 14%;
	height: auto;
	/*background-color: red;*/
	margin-left: -2%;
}

#surePwd_pass {
	display: block;
	position: absolute;
	width: 14%;
	height: auto;
	/*background-color: red;*/
	margin-left: -2%;
}

#surePwd {
	/*background-image: url(../image/login/we2.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: 96%;*/
	/*background-size: 20% 78%;*/
	
}

.Cone {
	color: #adadad;
	position: absolute;
	margin-left: 8.3%;
	margin-top: 2%;
	height: 50px;
	font-size: 1.35em;
}

@media screen and (max-width: 1366px) {
	.main .center {
		width: 44%;
		height: 30em;
		padding: 6% 0% 0% 0%;
		background-image: url(../image/login/center.png);
		background-size: 170% 150%;
		background-position: 53% 56%;
		opacity: 1;
		margin: auto;
		font-size: 14px;
		color: #cccccc;
	}
	.Cone {
		color: #999999;
		position: absolute;
		margin-left: 10.7%;
		margin-top: 2.5%;
		height: 50px;
		font-size: 1.2em;
	}
	input {
		width: 43%;
		height: 2.7em;
		background-color: rgba(224, 227, 232, 0.11);
		margin-left: 23.6%;
		border-radius: 5px;
		opacity: 1;
		outline-style: none;
		border: 1px solid rgba(239, 239, 239, 0.15);
		font-size: 1em;
		color: #bdc0b8;
		font-family: "微软雅黑";
		padding-left: 37px;
		margin-top: 4%;
	}
	#user_pass {
		display: block;
		position: absolute;
		width: 14%;
		height: auto;
		/*background-color: red;*/
		margin-left: 2.1%;
		/*margin-top: -2.3%;*/
	}
	#pwd_pass {
		display: block;
		position: absolute;
		width: 14%;
		height: auto;
		/*background-color: red;*/
		margin-left: 2.1%;
	}
	#surePwd_pass {
		display: block;
		position: absolute;
		width: 14%;
		height: auto;
		/*background-color: red;*/
		margin-left: 2.1%;
	}
	#submit {
		width: 49.5%;
		height: 3em;
		font-size: 1em;
		background-color: #4c7c97;
		font-weight: bolder;
		font-family: "微软雅黑";
		opacity: 1;
		margin-left: 23.4%;
		padding-left: -50px;
	}
}

@media screen and (max-width: 1280px) {
	.main {
		/*width: 100%;*/
		height: auto;
		/*background-color: #6db0dd;*/
		/*background-image: url(../image/login/two.png);*/
		background-size: 100% 100%;
		margin: auto;
		margin-top: 15%;
	}
	.main .center {
		width: 50%;
		height: 28em;
		padding: 6% 0% 0% 0%;
		background-image: url(../image/login/center.png);
		background-size: 170% 150%;
		background-position: 53% 56%;
		opacity: 1;
		margin: auto;
		font-size: 14px;
		color: #cccccc;
	}
	#submit {
		width: 49%;
		height: 3em;
		font-size: 1em;
		background-color: #4c7c97;
		font-weight: bolder;
		font-family: "微软雅黑";
		opacity: 1;
		margin-left: 23.6%;
		padding-left: -50px;
	}
	input {
		width: 43%;
		height: 3em;
		background-color: rgba(224, 227, 232, 0.11);
		margin-left: 23.6%;
		border-radius: 5px;
		opacity: 1;
		outline-style: none;
		border: 1px solid rgba(239, 239, 239, 0.15);
		font-size: 1em;
		color: #bdc0b8;
		font-family: "微软雅黑";
		padding-left: 37px;
		margin-top: 4%;
	}
	.Cone {
		color: #999999;
		position: absolute;
		margin-left: 12.1%;
		margin-top: 3%;
		height: 50px;
		font-size: 1.2em;
	}
	#user_pass {
		display: block;
		position: absolute;
		width: 14%;
		height: auto;
		/*background-color: red;*/
		margin-left: 3.9%;
		/*margin-top: -2.3%;*/
	}
	#pwd_pass {
		display: block;
		position: absolute;
		width: 14%;
		height: auto;
		/*background-color: red;*/
		margin-left: 3.9%;
	}
	#surePwd_pass {
		display: block;
		position: absolute;
		width: 14%;
		height: auto;
		/*background-color: red;*/
		margin-left: 3.9%;
	}
}

@media screen and (max-width: 980px) {
	.main {
		/*width: 100%;*/
		height: auto;
		background-size: 100% 100%;
		margin: auto;
		margin-top: 20%;
	}
	.main .center {
		width: 50%;
		height: 28em;
		padding: 7% 0% 0% 0%;
		background-image: url(../image/login/center.png);
		background-size: 180% 160%;
		background-position: 53% 56%;
		opacity: 1;
		margin: auto;
		font-size: 14px;
		color: #cccccc;
	}
	input {
		width: 40%;
		height: 2.7em;
		background-color: rgba(224, 227, 232, 0.11);
		margin-left: 23.8%;
		border-radius: 5px;
		opacity: 1;
		outline-style: none;
		border: 1px solid rgba(239, 239, 239, 0.15);
		font-size: 1em;
		color: #bdc0b8;
		font-family: "微软雅黑";
		padding-left: 37px;
		margin-top: 5.5%;
	}
	#submit {
		width: 48.4%;
		height: 3em;
		font-size: 1em;
		background-color: #4c7c97;
		font-weight: bolder;
		font-family: "微软雅黑";
		opacity: 1;
		margin-left: 23.2%;
		padding-left: -50px;
	}
	.Cone {
		color: #999999;
		position: absolute;
		margin-left: 12.4%;
		margin-top: 4%;
		height: 50px;
		font-size: 1.1em;
	}
	#user_pass {
		display: block;
		position: absolute;
		width: 17%;
		height: auto;
		/*background-color: red;*/
		margin-left: 11%;
		/*margin-top: -2.3%;*/
	}
	#pwd_pass {
		display: block;
		position: absolute;
		width: 14%;
		height: auto;
		/*background-color: red;*/
		margin-left: 11%;
	}
	#surePwd_pass {
		display: block;
		position: absolute;
		width: 14%;
		height: auto;
		/*background-color: red;*/
		margin-left: 11%;
	}
}

@media screen and (max-width: 800px) {
	.main {
		/*width: 100%;*/
		height: auto;
		background-size: 100% 100%;
		margin: auto;
		margin-top: 25%;
	}
	.main .center {
		width: 55%;
		height: 26em;
		padding: 7% 0% 0% 0%;
		background-image: url(../image/login/center.png);
		background-size: 180% 160%;
		background-position: 53% 56%;
		opacity: 1;
		/*margin: auto;*/
		margin-top: 20%;
		font-size: 14px;
		color: #cccccc;
	}
	input {
		width: 40%;
		height: 2.5em;
		background-color: rgba(224, 227, 232, 0.11);
		margin-left: 23.8%;
		border-radius: 5px;
		opacity: 1;
		outline-style: none;
		border: 1px solid rgba(239, 239, 239, 0.15);
		font-size: 1em;
		color: #bdc0b8;
		font-family: "微软雅黑";
		padding-left: 37px;
		margin-top: 5.7%;
	}
	#user_pass {
		display: block;
		position: absolute;
		width: 20%;
		height: auto;
		/*background-color: red;*/
		margin-left: 14%;
		/*margin-top: -2.3%;*/
	}
	#pwd_pass {
		display: block;
		position: absolute;
		width: 20%;
		height: auto;
		/*background-color: red;*/
		margin-left: 14%;
	}
	#surePwd_pass {
		display: block;
		position: absolute;
		width: 20%;
		height: auto;
		/*background-color: red;*/
		margin-left: 14%;
	}
	.Cone {
		color: #999999;
		position: absolute;
		margin-left: 13.4%;
		margin-top: 4%;
		height: 50px;
		font-size: 1.1em;
	}
	#submit {
		width: 49%;
		height: 3em;
		font-size: 1em;
		background-color: #4c7c97;
		font-weight: bolder;
		font-family: "微软雅黑";
		opacity: 1;
		margin-left: 23.4%;
		padding-left: -50px;
	}
}

@media screen and (max-width: 700px) {
	.main {
		/*width: 100%;*/
		height: auto;
		background-size: 100% 100%;
		margin: auto;
		margin-top: 29%;
	}
	.main .center {
		width: 60%;
		height: 26em;
		padding: 7% 0% 0% 0%;
		background-image: url(../image/login/center.png);
		background-size: 180% 160%;
		background-position: 53% 56%;
		opacity: 1;
		/*margin: auto;*/
		margin-top: 20%;
		font-size: 14px;
		color: #cccccc;
	}
	input {
		width: 45%;
		height: 2.5em;
		background-color: rgba(224, 227, 232, 0.11);
		margin-left: 21.4%;
		border-radius: 5px;
		opacity: 1;
		outline-style: none;
		border: 1px solid rgba(239, 239, 239, 0.15);
		font-size: 1em;
		color: #bdc0b8;
		font-family: "微软雅黑";
		padding-left: 37px;
		margin-top: 5.7%;
	}
	#submit {
		width: 52%;
		height: 2.5em;
		font-size: 1em;
		background-color: #4c7c97;
		font-weight: bolder;
		font-family: "微软雅黑";
		opacity: 1;
		margin-left: 23.4%;
		padding-left: -50px;
	}
	.Cone {
		color: #999999;
		position: absolute;
		margin-left: 13.4%;
		margin-top: 4.8%;
		height: 50px;
		font-size: 1.1em;
	}
}

@media screen and (max-width: 360px) {
	.main {
		/*width: 100%;*/
		height: auto;
		background-size: 100% 100%;
		margin: auto;
		margin-top: 35%;
	}
	.main .center {
		width: 80%;
		height: 22em;
		padding: 19% 0% 0% 0%;
		background-image: url(../image/login/center.png);
		background-size: 180% 160%;
		background-position: 53% 56%;
		opacity: 1;
		/*margin: auto;*/
		margin-top: 20%;
		font-size: 14px;
		color: #cccccc;
	}
	input {
		width: 45%;
		height: 2em;
		background-color: rgba(224, 227, 232, 0.11);
		margin-left: 21.4%;
		border-radius: 5px;
		opacity: 1;
		outline-style: none;
		border: 1px solid rgba(239, 239, 239, 0.15);
		font-size: 1em;
		color: #bdc0b8;
		font-family: "微软雅黑";
		padding-left: 37px;
		margin-top: 5.7%;
	}
	#submit {
		width: 58%;
		height: 2em;
		font-size: 1em;
		background-color: #4c7c97;
		font-weight: bolder;
		font-family: "微软雅黑";
		opacity: 1;
		margin-left: 21.4%;
		padding-left: -50px;
	}
	.Cone {
		color: #999999;
		position: absolute;
		margin-left: 19%;
		margin-top: 6.8%;
		height: 50px;
		font-size: 1.1em;
	}
	#user_pass {
		display: block;
		position: absolute;
		width: 20%;
		height: auto;
		margin-left: 14%;
	}
	#pwd_pass {
		display: block;
		position: absolute;
		width: 20%;
		height: auto;
		margin-left: 14%;
	}
	#surePwd_pass {
		display: block;
		position: absolute;
		width: 20%;
		height: auto;
		margin-left: 14%;
	}
}